<div class="buttons">
  <button class="btn">
    Default
  </button>
  <button class="btn btn-primary">
    Primary
  </button>
  <button class="btn btn-secondary">
    Secondary
  </button>
  <button class="btn btn-success">
    Success
  </button>
  <button class="btn btn-info">
    Info
  </button>
  <button class="btn btn-warning">
    Warning
  </button>
  <button class="btn btn-danger">
    Danger
  </button>
  <button class="btn btn-primary btn-round">
    Round
  </button>
  <button class="btn btn-primary btn-circle">
    <i class="search-icon"></i>
  </button>
  <button class="btn btn-primary disabled">
    Disabled
  </button>
  <button class="btn btn-primary loading">Loading</button>
  <button class="btn btn-primary btn-ghost">Ghost</button>
  <button class="btn btn-primary">
    <i class="plus-icon"></i><span>Icon</span>
  </button>
  <button class="btn btn-primary btn-dashed">Dashed</button>
  <button class="btn btn-primary btn-link">Link</button>
  <button class="btn btn-primary btn-jittery">
    Click Me
  </button>
  <button class="btn btn-primary btn-jelly">
    Jelly
  </button>
  <button class="btn btn-primary btn-ghost btn-fill">
    Fill In
  </button>
  <button class="btn btn-primary btn-pulse">
    Pulse
  </button>
  <button class="btn btn-primary btn-ghost btn-open">
    Open
  </button>
  <button class="btn btn-primary btn-ghost btn-close">
    Close
  </button>
  <button class="btn btn-primary btn-ghost btn-slash">
    Slash
  </button>
  <button class="btn btn-primary btn-ghost btn-fill-up">
    Fill Up
  </button>
  <button class="btn btn-primary btn-ghost btn-slide">
    Slide
  </button>
  <button class="btn btn-primary btn-ghost btn-through">
    Through
  </button>
  <button class="btn btn-primary btn-ghost btn-offset">
    Offset
  </button>
  <button class="btn btn-primary btn-ghost btn-flip-down">
    Flip Down
    <div class="front">Flip Down</div>
    <div class="back">Flip Down</div>
  </button>
  <button class="btn btn-primary btn-round btn-marquee">
    <span data-text="Marquee">Marquee</span>
  </button>
  <button class="btn btn-primary btn-ghost btn-cross">
    Cross Bar
  </button>
  <button class="btn btn-primary btn-ghost btn-open-line">
    Line
  </button>
</div>